li { list-style: none; }

* { padding: 0; margin: 0; }

img { display: block; }

a { text-decoration: none; }

.header { height: 0.88rem; background-color: #fff; padding: 0 0.24rem; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.header .header-left { position: absolute; top: 0.2rem; left: 0.24rem; width: 0.48rem; height: 0.48rem; font-size: 0.4rem; color: #232628; }

.header .header-conter { height: 0.88rem; text-align: center; line-height: 0.88rem; color: #232628; font-size: 0.32rem; }

.nav { height: 0.84rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.nav .nav-top { width: 2.5rem; height: 0.84rem; }

.nav .nav-top img { width: 2.5rem; height: 0.84rem; }

.nav .nav-bottom { width: 5rem; height: 0.84rem; padding: 0 0.2rem; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.nav .nav-bottom .nav-item { font-size: 0.28rem; color: #333333; padding: 0.04rem 0; }

.nav .nav-bottom .active { color: #232628; border-bottom: #19AFE8 0.04rem solid; font-weight: bold; }

.box { display: none; }

.box .banner { height: 3.6rem; }

.box .banner .navigation img { display: block; width: 100%; height: 3.6rem; }

.box .banner .swiper-pagination-bullet { width: 0.12rem; height: 0.12rem; background: #fff; opacity: 1; }

.box .banner .swiper-pagination-bullet-active { width: 0.64rem; height: 0.12rem; background-color: #FF734C; border-radius: 0.64rem; }

.box .qyqy { height: 3.94rem; padding: 0.44rem 0.12rem 0.64rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .qyqy .qyqy-top { height: 0.56rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.box .qyqy .qyqy-top .qyqy-left { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .qyqy .qyqy-top .qyqy-right { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(-90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .qyqy .qyqy-top p { width: 2.64rem; color: #232628; font-size: 0.42rem; text-align: center; }

.box .qyqy .qyqy-bottom { height: 2.06rem; margin-top: 0.24rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.box .qyqy .qyqy-bottom .qyqy-item { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: 2.06rem; }

.box .qyqy .qyqy-bottom .qyqy-item img { width: 0.8rem; height: 0.8rem; margin: 0 auto; }

.box .qyqy .qyqy-bottom .qyqy-item .qyqy-title { height: 0.42rem; margin-top: 0.2rem; text-align: center; line-height: 0.42rem; color: #232628; font-weight: 600; font-size: 0.3rem; }

.box .qyqy .qyqy-bottom .qyqy-item .qyqy-desc { height: 0.6rem; margin-top: 0.04rem; line-height: 0.3rem; color: #232628; font-size: 0.24rem; text-align: center; }

.box .product { height: 18.629rem; padding: 0.44rem 0 0.56rem; -moz-box-sizing: border-box; box-sizing: border-box; background: #F3F5F7; }

.box .product .qyqy-top { height: 0.56rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.box .product .qyqy-top .qyqy-left { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .product .qyqy-top .qyqy-right { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(-90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .product .qyqy-top p { width: 2.64rem; color: #232628; font-size: 0.42rem; text-align: center; }

.box .product .product-bottom { height: 16.829rem; margin-top: 0.24rem; padding: 0 0.13rem; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.box .product .product-bottom .product-item { width: 3.4rem; height: 5.3696rem; margin: 0 0.11rem 0.24rem; border-radius: 0.16rem; overflow: hidden; background-color: #fff; }

.box .product .product-bottom .product-item img { display: block; width: 100%; height: 3.7116rem; }

.box .product .product-bottom .product-item .product-info { height: 1.6582rem; padding: 0.12rem 0.2rem 0.2rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .product .product-bottom .product-item .product-info p { height: 0.76rem; line-height: 0.38rem; font-size: 0.26rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: black; }

.box .product .product-bottom .product-item .product-info .product-price { height: 0.3982rem; margin-top: 0.18rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.box .product .product-bottom .product-item .product-info .product-price .peicel { font-size: 0.3rem; font-weight: 600; line-height: 0.3982rem; color: black; }

.box .product .product-bottom .product-item .product-info .product-price .peicer { height: 0.42rem; margin-left: 0.2rem; padding: 0.04rem 0.12rem; -moz-box-sizing: border-box; box-sizing: border-box; color: #19A6E5; border: 1px solid #189ce1; font-size: 0.24rem; border-radius: 0.04rem; }

.box .container { height: 11.1706rem; padding: 0.44rem 0 0.8rem; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.box .container .qyqy-top { height: 0.56rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.box .container .qyqy-top .qyqy-left { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .container .qyqy-top .qyqy-right { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(-90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .container .qyqy-top p { padding: 0 0.28rem; color: #232628; font-size: 0.42rem; text-align: center; }

.box .container .con { position: relative; height: 0.92rem; margin-top: 0.24rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 1rem; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.box .container .con .con-item { height: 0.44rem; padding-bottom: 0.04rem; font-size: 0.28rem; line-height: 0.4rem; color: #232628; }

.box .container .con .active { color: #000000; font-weight: 500; border-bottom: 0.04rem #19AFE8 solid; }

.box .container .ta { position: relative; display: none; padding: 0 0.24rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .container .ta .ta-header { height: 1.08rem; text-align: justify; font-size: 0.24rem; line-height: 0.36rem; color: #232628; }

.box .container .ta .ta-center { height: 3.64rem; margin-top: 0.16rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.box .container .ta .ta-center .ta-scroll { width: 2.16rem; height: 3.64rem; padding: 0.24rem 0; background-color: #F3F5F7; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .container .ta .ta-center .ta-scroll .ta-item { height: 0.36rem; margin-bottom: 0.16rem; font-size: 0.26rem; line-height: 0.36rem; text-align: center; }

.box .container .ta .ta-center .ta-scroll .active { height: 0.52rem; line-height: 0.52rem; margin-bottom: 0.08rem; background-color: #19afe8; color: #fff; }

.box .container .ta .ta-center .ta-img { display: block; width: 4.86rem; height: 3.64rem; display: none; }

.box .container .ta .ta-center .active { display: block; }

.box .container .ta .ta-footer { margin-top: 0.16rem; -moz-box-sizing: border-box; box-sizing: border-box; display: none; }

.box .container .ta .ta-footer .ta-example { height: 0.8106rem; width: 100%; }

.box .container .ta .ta-footer .ta-example img { width: 1.52rem; height: 0.8106rem; }

.box .container .ta .ta-footer .ta-requirement { margin-top: 0.16rem; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.24rem; line-height: 0.34rem; color: rgba(35, 38, 40, 0.7); }

.box .container .ta .ta-footer .ta-requirement strong { color: #232628; }

.box .container .ta .active { display: block; }

.box .container .active { display: block; }

.box .advantage { height: 9.845rem; background-color: #F3F5F7; padding: 0.44rem 0; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .advantage .qyqy-top { height: 0.56rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.box .advantage .qyqy-top .qyqy-left { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .advantage .qyqy-top .qyqy-right { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(-90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .advantage .qyqy-top p { width: 2.64rem; color: #232628; font-size: 0.42rem; text-align: center; }

.box .advantage .advantage_list { height: 8.165rem; margin-top: 0.24rem; padding: 0 0.13rem; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.box .advantage .advantage_list .advantage_item { width: 3.4rem; height: 3.8426rem; border-radius: 0.16rem; background-color: #fff; overflow: hidden; margin-bottom: 0.24rem; margin: 0 0.11rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .advantage .advantage_list .advantage_item .advantange_item_pic { width: 3.4rem; height: 2.2626rem; }

.box .advantage .advantage_list .advantage_item .advantange_item_pic img { width: 3.4rem; height: 2.2626rem; }

.box .advantage .advantage_list .advantage_item .advantange_item_content { height: 1.58rem; padding: 0.2rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .advantage .advantage_list .advantage_item .advantange_item_content .advantange-header { height: 0.42rem; line-height: 0.42rem; text-align: center; font-size: 0.3rem; font-weight: 600; color: #232628; }

.box .advantage .advantage_list .advantage_item .advantange_item_content .advantange-body { height: 0.72rem; font-size: 0.26rem; margin-top: 0.04rem; line-height: 0.36rem; color: rgba(35, 38, 40, 0.7); text-align: center; }

.box .partners { height: 5.8512rem; padding: 0.44rem 0.4rem 0.8rem; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.box .partners .qyqy-top { height: 0.56rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.box .partners .qyqy-top .qyqy-left { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .partners .qyqy-top .qyqy-right { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(-90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .partners .qyqy-top p { width: 2.64rem; color: #232628; font-size: 0.42rem; text-align: center; }

.box .partners img { display: block; margin-top: 0.24rem; width: 100%; height: 3.8112rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .requirement { height: 9.36rem; padding: 0.44rem 0.48rem 0.8rem; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #F3F5F7; }

.box .requirement .qyqy-top { height: 0.56rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.box .requirement .qyqy-top .qyqy-left { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .requirement .qyqy-top .qyqy-right { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(-90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .requirement .qyqy-top p { width: 2.64rem; color: #232628; font-size: 0.42rem; text-align: center; }

.box .requirement .form { height: 7.12rem; margin-top: 0.44rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .requirement .form .form-item { color: #232628; margin-bottom: 0.32rem; font-size: 0.3rem; line-height: 0.64rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.box .requirement .form .form-item .form-item-label { width: 1.28rem; height: 0.64rem; margin-right: 0.24rem; color: #71797f; text-align: justify; -moz-text-align-last: justify; text-align-last: justify; }

.box .requirement .form .form-item #companyName { width: 5.0162rem; height: 0.64rem; padding: 0 0.24rem; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.3rem; border-radius: 0.04rem; outline: none; border: none; }

.box .requirement .form .form-item #intro { width: 5.0162rem; height: 3.2rem; padding: 0.12rem 0.24rem; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.3rem; border-radius: 0.04rem; outline: none; border: none; }

.box .requirement .form .form-btn { height: 0.72rem; border-radius: 0.36rem; background: -webkit-linear-gradient(right, #189ae0 0%, #19afe8 100%); background: -moz-linear-gradient(right, #189ae0 0%, #19afe8 100%); background: -o-linear-gradient(right, #189ae0 0%, #19afe8 100%); background: linear-gradient(270deg, #189ae0 0%, #19afe8 100%); font-size: 0.3rem; text-align: center; line-height: 0.72rem; color: #fff; }

.box .ban { width: 100%; height: 3.6rem; }

.box .ban img { width: 100%; height: 3.6rem; }

.box .product { height: 18.629rem; padding: 0.44rem 0 0.56rem; -moz-box-sizing: border-box; box-sizing: border-box; background: #F3F5F7; }

.box .product .qyqy-top { height: 0.56rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.box .product .qyqy-top .qyqy-left { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .product .qyqy-top .qyqy-right { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(-90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .product .qyqy-top p { width: 2.64rem; color: #232628; font-size: 0.42rem; text-align: center; }

.box .product .product-bottom { height: 16.829rem; margin-top: 0.24rem; padding: 0 0.13rem; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.box .product .product-bottom .product-item { width: 3.4rem; height: 5.3696rem; margin: 0 0.11rem 0.24rem; border-radius: 0.16rem; overflow: hidden; background-color: #fff; }

.box .product .product-bottom .product-item img { display: block; width: 100%; height: 3.7116rem; }

.box .product .product-bottom .product-item .product-info { height: 1.6582rem; padding: 0.12rem 0.2rem 0.2rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .product .product-bottom .product-item .product-info p { height: 0.76rem; line-height: 0.38rem; font-size: 0.26rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: black; }

.box .product .product-bottom .product-item .product-info .product-price { height: 0.3982rem; margin-top: 0.18rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.box .product .product-bottom .product-item .product-info .product-price .peicel { font-size: 0.3rem; font-weight: 600; line-height: 0.3982rem; color: black; }

.box .product .product-bottom .product-item .product-info .product-price .peicer { height: 0.42rem; margin-left: 0.2rem; padding: 0.04rem 0.12rem; -moz-box-sizing: border-box; box-sizing: border-box; color: #19A6E5; border: 1px solid #189ce1; font-size: 0.24rem; border-radius: 0.04rem; }

.box .card { padding: 0.4rem 0.24rem 0.56rem; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #F3F5F7; }

.box .card .card-item { background-color: #fff; height: 1.76rem; margin-bottom: 0.24rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border-radius: 0.16rem; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.box .card .card-item .card-item-pic { width: 3.4rem; height: 1.76rem; }

.box .card .card-item .card-item-pic img { width: 3.4rem; height: 1.76rem; }

.box .card .card-item .card-item-info { width: 3.62rem; height: 1.16rem; margin-left: 0.22rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .card .card-item .card-item-info .card-item-info-title { height: 0.4rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.3rem; font-weight: 600; color: #232628; line-height: 0.4rem; }

.box .card .card-item .card-item-info .card-item-info-title .blue { display: block; width: 0.08rem; height: 0.2rem; background-color: #19afe8; margin-right: 0.12rem; }

.box .card .card-item .card-item-info .card-item-info-desc { height: 0.72rem; padding: 0.04rem 0 0 0.2rem; -moz-box-sizing: border-box; box-sizing: border-box; color: rgba(35, 38, 40, 0.7); font-size: 0.26rem; line-height: 0.36rem; }

.box .card .card-item .left { text-align: right; margin-right: 0.22rem; }

.box .card .card-item .left .card-item-info-title { position: relative; display: block; padding-right: 10px; text-align: right; }

.box .card .card-item .left .card-item-info-title .blue { position: absolute; top: 0.1rem; right: 0; display: block; margin-right: 0; }

.box .products { padding-top: 0.44rem; background-color: #F3F5F7; }

.box .products .qyqy-top { height: 0.56rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.box .products .qyqy-top .qyqy-left { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .products .qyqy-top .qyqy-right { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(-90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .products .qyqy-top p { padding: 0 0.28rem; color: #232628; font-size: 0.42rem; text-align: center; }

.box .products .product-list { margin-top: 0.24rem; padding: 0 0.13rem; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.box .products .product-list .product-items { width: 3.4rem; height: 5.4rem; margin: 0 0.05rem 0.24rem; overflow: hidden; border-radius: 0.16rem; background-color: #fff; }

.box .products .product-list .product-items .product-item-pic { width: 3.4rem; height: 3.7116rem; }

.box .products .product-list .product-items .product-item-pic img { width: 3.4rem; height: 3.7116rem; }

.box .products .product-list .product-items .product-item-info { height: 1.689rem; padding: 0.12rem 0.2rem 0.2rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .products .product-list .product-items .product-item-info .product-item-info-title { font-size: 0.26rem; line-height: 0.36rem; color: #23262b; }

.box .products .product-list .product-items .product-item-info .blue { height: 0.429rem; margin-top: 0.18rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.box .products .product-list .product-items .product-item-info .blue .product-item-info-hua { font-size: 0.26rem; color: #27ABE6; line-height: 0.4rem; margin-right: 0.04rem; }

.box .products .product-list .product-items .product-item-info .blue .product-item-info-price { font-size: 0.26rem; color: #27ABE6; line-height: 0.4rem; font-weight: 600; }

.box .concat { height: 0.72rem; margin: 0.1rem 0.48rem 0.8rem; -moz-box-sizing: border-box; box-sizing: border-box; width: 6.54rem; border-radius: 0.36rem; text-align: center; line-height: 0.72rem; background: -webkit-linear-gradient(right, #189ae0 0%, #19afe8 100%); background: -moz-linear-gradient(right, #189ae0 0%, #19afe8 100%); background: -o-linear-gradient(right, #189ae0 0%, #19afe8 100%); background: linear-gradient(270deg, #189ae0 0%, #19afe8 100%); font-weight: 600; color: #fff; font-size: 0.3rem; }

.box .concat .ej { font-size: 0.32rem; font-weight: 600; line-height: 0.72rem; }

.box .step { height: 8.3rem; padding: 0.44rem 0.44rem 0.2rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .step .qyqy-top { height: 0.56rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.box .step .qyqy-top .qyqy-left { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .step .qyqy-top .qyqy-right { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(-90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .step .qyqy-top p { width: 2.64rem; color: #232628; font-size: 0.42rem; text-align: center; }

.box .step .step-box { height: 6.06rem; width: 100%; margin-top: 0.44rem; }

.box .step img { height: 6.06rem; width: 100%; }

.box .requirement { height: 9.36rem; padding: 0.44rem 0.48rem 0.8rem; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #F3F5F7; }

.box .requirement .qyqy-top { height: 0.56rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.box .requirement .qyqy-top .qyqy-left { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .requirement .qyqy-top .qyqy-right { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(-90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .requirement .qyqy-top p { width: 2.64rem; color: #232628; font-size: 0.42rem; text-align: center; }

.box .requirement .form { height: 7.12rem; margin-top: 0.44rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.box .requirement .form .form-item { color: #232628; margin-bottom: 0.32rem; font-size: 0.3rem; line-height: 0.64rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.box .requirement .form .form-item .form-item-label { width: 1.28rem; height: 0.64rem; margin-right: 0.24rem; color: #71797f; text-align: justify; -moz-text-align-last: justify; text-align-last: justify; }

.box .requirement .form .form-item #companyName { width: 5.0162rem; height: 0.64rem; padding: 0 0.24rem; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.3rem; border-radius: 0.04rem; outline: none; border: none; }

.box .requirement .form .form-item #intro { width: 5.0162rem; height: 3.2rem; padding: 0.12rem 0.24rem; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.3rem; border-radius: 0.04rem; outline: none; border: none; }

.box .requirement .form .form-btn { height: 0.72rem; border-radius: 0.36rem; background: -webkit-linear-gradient(right, #189ae0 0%, #19afe8 100%); background: -moz-linear-gradient(right, #189ae0 0%, #19afe8 100%); background: -o-linear-gradient(right, #189ae0 0%, #19afe8 100%); background: linear-gradient(270deg, #189ae0 0%, #19afe8 100%); font-size: 0.3rem; text-align: center; line-height: 0.72rem; color: #fff; }

.box .introduction { background-color: #F3F5F7; }

.box .introduction .introduction-title { height: 1.68rem; font-size: 0.26rem; color: rgba(35, 38, 40, 0.7); padding: 0.24rem 0.24rem 0; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 0.36rem; }

.box .introduction .introduction-pic { height: 8.88rem; }

.box .introduction .introduction-pic .font { display: block; width: 5.42rem; height: 3.66rem; margin: 0 auto; }

.box .introduction .introduction-pic .introduction-pic-desc { height: 0.42rem; text-align: center; line-height: 0.42rem; font-size: 0.3rem; font-weight: 600; color: #232628; }

.box .introduction .introduction-pic .ecard { display: block; margin: 0 auto; width: 6.22rem; height: 4.38rem; }

.box .feature { height: 7.48rem; padding: 0.6rem 0 0.4rem; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.box .feature .feature-item { width: 33.33%; height: 2.84rem; margin-bottom: 0.4rem; }

.box .feature .feature-item img { width: 1.46rem; height: 1.46rem; margin: 0 auto; }

.box .feature .feature-item h3 { height: 0.42rem; margin-top: 0.2rem; font-size: 0.3rem; font-weight: 600; text-align: center; line-height: 0.42rem; color: #232628; }

.box .feature .feature-item p { font-size: 0.26rem; color: rgba(35, 38, 40, 0.7); line-height: 0.36rem; margin-top: 0.04rem; text-align: center; }

.box .cards { background-color: #F3F5F7; }

.box .cards .qyqy-top { height: 0.56rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.box .cards .qyqy-top .qyqy-left { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(left, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .cards .qyqy-top .qyqy-right { width: 1.42rem; height: 0.04rem; background: -webkit-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -moz-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: -o-linear-gradient(right, rgba(54, 216, 245, 0) 0%, #19afe8 100%); background: linear-gradient(-90deg, rgba(54, 216, 245, 0) 0%, #19afe8 100%); border-radius: 0.28571429rem; opacity: 0.27; }

.box .cards .qyqy-top p { width: 2.64rem; color: #232628; font-size: 0.42rem; text-align: center; }

.box .cards .card-view { height: 4.08rem; }

.box .cards .card-view img { margin: 0 auto; width: 5.42rem; height: 3.66rem; }

.box .cards .card-view .card-desc { height: 0.42rem; font-size: 0.3rem; font-weight: 600; color: #232628; text-align: center; list-style: 0.42rem; }

.d { height: 1rem; }

.footer { width: 100%; height: 1rem; position: fixed; left: 0; bottom: 0; background-color: #fff; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.footer .footer-item { width: 25%; height: 0.76rem; }

.footer .footer-item img { display: block; width: 0.44rem; height: 0.44rem; margin: 0 auto; }

.footer .footer-item p { height: 0.32rem; color: #889299; font-size: 0.24rem; text-align: center; line-height: 0.32rem; }

.tel { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 10; }

.tel .mask { width: 5.2rem; height: 4rem; background-color: #fff; border-radius: 0.24rem; position: absolute; top: 50%; left: 50%; padding-top: 0.36rem; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.tel .mask p { height: 0.92rem; color: #232628; font-size: 0.36rem; text-align: center; line-height: 0.92rem; }

.tel .mask .layercont { height: 1.7rem; padding: 0 0.56rem 0.54rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.tel .mask .layercont p { height: 0.44rem; font-size: 0.28rem; text-align: center; line-height: 0.44rem; color: #71797F; }

.tel .mask .layercont .info { height: 0.56rem; margin-top: 0.16rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.tel .mask .layercont .info span { color: #71797F; font-size: 0.28rem; line-height: 0.56rem; }

.tel .mask .layercont .info p { width: 0.84rem; height: 0.56rem; border: 1px solid #19afe8; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.24rem; color: #19AFE8; text-align: center; border-radius: 0.04rem; line-height: 0.56rem; }

.tel .mask .layerbtn { height: 1.02rem; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.tel .mask .layerbtn .no { width: 2.28rem; color: #B4BABF; border-right: 1px solid #E9ECF0; font-size: 0.32rem; text-align: center; line-height: 1rem; }

.tel .mask .layerbtn .yes { width: 2.9rem; line-height: 1rem; text-align: center; font-size: 0.32rem; color: #FF734C; border-left: 1px solid #E9ECF0; -moz-box-sizing: border-box; box-sizing: border-box; }

.weixin { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 10; }

.weixin .maskw { width: 5.4rem; height: 6.16rem; background-color: #fff; border-radius: 0.24rem; position: absolute; top: 50%; left: 50%; padding: 0.56rem; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.weixin .maskw p { height: 0.44rem; color: #232628; font-size: 0.32rem; text-align: center; line-height: 0.44rem; }

.weixin .maskw img { width: 2.24rem; height: 2.24rem; margin: 0 auto; margin-top: 0.36rem; }

.weixin .maskw .info { height: 0.56rem; margin-top: 0.4rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.weixin .maskw .info span { color: #232628; font-size: 0.26rem; line-height: 0.56rem; }

.weixin .maskw .info p { width: 0.84rem; height: 0.56rem; border: 1px solid #19afe8; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.24rem; color: #19AFE8; text-align: center; border-radius: 0.04rem; line-height: 0.56rem; }

.weixin .maskw .layerbtn { color: #71797F; font-size: 0.24rem; line-height: 0.44rem; margin-top: 0.16rem; }

.qq { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 10; }

.qq .masks { width: 5.2rem; height: 4rem; background-color: #fff; border-radius: 0.24rem; position: absolute; top: 50%; left: 50%; padding-top: 0.36rem; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.qq .masks p { height: 0.92rem; color: #232628; font-size: 0.36rem; text-align: center; line-height: 0.92rem; }

.qq .masks .layercont { height: 1.7rem; padding: 0 0.56rem 0.54rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.qq .masks .layercont p { height: 0.44rem; font-size: 0.28rem; text-align: center; line-height: 0.44rem; color: #71797F; }

.qq .masks .layercont .info { height: 0.56rem; margin-top: 0.16rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.qq .masks .layercont .info span { color: #71797F; font-size: 0.28rem; line-height: 0.56rem; }

.qq .masks .layercont .info p { width: 0.84rem; height: 0.56rem; border: 1px solid #19afe8; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.24rem; color: #19AFE8; text-align: center; border-radius: 0.04rem; line-height: 0.56rem; }

.qq .masks .layerbtn { height: 1.02rem; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.qq .masks .layerbtn .nos { width: 2.28rem; color: #B4BABF; border-right: 1px solid #E9ECF0; font-size: 0.32rem; text-align: center; line-height: 1rem; }

.qq .masks .layerbtn .yess { width: 2.9rem; line-height: 1rem; text-align: center; font-size: 0.32rem; color: #FF734C; border-left: 1px solid #E9ECF0; -moz-box-sizing: border-box; box-sizing: border-box; }

.active { display: block; }

.go { display: none; width: 0.72rem; height: 0.72rem; border-radius: 50%; background-color: #FFF; opacity: .8; position: fixed; bottom: 1.2rem; right: 0.3rem; box-shadow: 0 0.28571429rem 0.42857143rem 0 #dee2e5; cursor: pointer; }

.go p { width: 0.48rem; height: 0.48rem; background: url("https://img02.hua.com/m/icon/arrow_Top.png") no-repeat center; -o-background-size: contain; background-size: contain; margin: 0.12rem auto; }
